<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Information Technology Short Course Programs" />
<meta name="keywords" content="ComLabs, IT, Course, ITB, USDI, Training" />

<title>ComLabs IT Course | Home</title>
<link rel="shortcut icon" href="favicon.ico" mce_href="http://www.thenameofyoursitehere.com/favicon.ico"/>

<!--GENERAL STYLE-->
<link href="css/baru.css" rel="stylesheet" type="text/css" />


<!--MAIN SCRIPT-->
<script type="text/javascript" src="js/simpletooltip.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/feri_count.js"></script>
<script type="text/javascript" src="js/feri_tooltip.js"></script>
<script type="text/javascript" src="js/feri_slider.js"></script>
<script type="text/javascript" src="js/captify.tiny.js"></script>
<script type="text/javascript" src="js/feri_sche_toggle.js"></script>

<!--FONT SCRIPT-->
<script type="text/javascript" src="js/Droid_Sans_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.droid');
</script>
<script type="text/javascript" src="js/DIN_Alternate_400-DIN_Alternate_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.din');
</script>
<script type="text/javascript" src="js/HelveticaNeue_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.hel');
</script>
<script type="text/javascript" src="js/Myriad_Pro_400-Myriad_Pro_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.myd');
</script>

<!--CAPTION SCRIPT-->
<script type="text/javascript">
$(function(){
	$('img.captify').captify({
		// all of these options are... optional
		// ---
		// speed of the mouseover effect
		speedOver: 'fast',
		// speed of the mouseout effect
		speedOut: 'normal',
		// how long to delay the hiding of the caption after mouseout (ms)
		hideDelay: 400,	
		// 'fade', 'slide', 'always-on'
		animation: 'slide',		
		// text/html to be placed at the beginning of every caption
		prefix: '',		
		// opacity of the caption on mouse over
		opacity: '0.4',					
		// the name of the CSS class to apply to the caption box
		className: 'caption-bottom',	
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '100%'
	});
});
</script>

</head>
<body>
<div id="selubung">
	<div id="logodanmenu">
		<div id="logo"><img src="images/logoheader_03.png" width="157" height="100" alt="logo" /></div>
		<div id="menu">
		  <a href="#" id="productmenu"></a>
		  <a href="#" id="schedulemenu"></a>
		  <a href="#" id="contactmenu2"></a>
		</div>
	</div><!---end #logodanmenu--->
    <div id="bawahmenu">
    	<div id="bwhmenu1"></div>
    	<div id="bwhmenu2x">
        	<div id="menutambahan"> 
            <a href="#">Sertifikasi</a>  
            <a href="#">Pengumuman</a>  
            <a href="#">Berita</a>  
            <a href="#">Tutorial</a>  
            <a href="#">Forum</a>
            </div>
		</div>
	</div><!---end #bawahmenu--->

    <div id="isi">
		<div class="atas"></div>
		<div class="tengah">
			<div id="isidalam">
				<div class="putihatasCopy"></div>
				<div class="putihtengahCopy">
					<div class="headingform din">Contact</div>
				</div>
				<div class="putihbawahCopy"></div>
				<div class="putihtengahform">
                	<div id="contactkami">
                        <img  src="images/map.png"/>
                        <table border="0" cellpadding="4" cellspacing="0" class= "arial">
                          <tr>
                            <td class="kolomalamat"><a href="syllabus/(ACD)v0.1.2.pdf">ComLabs USDI ITB</a></td>
                            <td align="left">Gedung ComLabs lt.1, Jl. Ganesha No.10 Bandung</td>
                          </tr>
                          <tr>
                            <td class="kolomalamat">Telp</td>
                            <td align="left">022-2516760</td>
                          </tr>
                          <tr>
                            <td class="kolomalamat">Sms</td>
                            <td align="left">0857-2020-0660</td>
                          </tr>
                          <tr>
                            <td class="kolomalamat">Email</td>
                            <td align="left">course@comlabs.itb.ac.id</td>
                          </tr>
                          <tr>
                            <td class="kolomalamat">Facebook</td>
                            <td align="left">ComLabs ITCourse</td>
                          </tr>
                          <tr>
                            <td class="kolomalamat">Twitter</td>
                            <td align="left">@ComLabsITCourse</td>
                          </tr>
                          <tr>
                            <td class="kolomalamat">Yahoo Messenger</td>
                            <td align="left">comlabsitcourse</td>
                          </tr>
                        </table>
                    </div>
                </div>
				<div class="putihprofil_ATAS"></div>
				<div class="putihprofil_TENGAH">
					<div id="yahoo">
                     	<div class="yahoo1 left">
                        <a href="ymsgr:sendIM?comlabsitcourseh"><img src="http://opi.yahoo.com/online?u=comlabsitcourse&m=g&t=1/" border="0"></a>
                        </div>
						<div class="yahoo1 left">
                        <a href="ymsgr:sendIM?sunericson@yahoo.comh"><img src="http://opi.yahoo.com/online?u=sunericson@yahoo.com&m=g&t=1/" border="0"></a>
                        </div>
                        <div class="yahoo2 left">
                        <a href="ymsgr:sendIM?noer_comlabsh"><img src="http://opi.yahoo.com/online?u=noer_comlabs&m=g&t=1/" border="0"></a>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
				<div class="putihprofil_BAWAH"></div>
			</div>
		</div>
	</div><!---end #isi--->
</div><!---end #selubung--->
	<div class="bawah"></div>
	<div class="clear"></div>  
    <div id="footer">
    	<div id="footerbackL"></div>
    	<div id="footerback">
        <a href="http://www.itb.ac.id">ITB</a> | 
        <a href="http://www.comlabs.itb.ac.id">ComLabs USDI ITB Homepage</a> | 
        <a href="http://cdf.comlabs.itb.ac.id">ComLabs Discussion Forum </a> | 
        <a href="http://www.facebook.com/pages/ComLabs-ITCourse/184063721610460?sk=wall">Facebook Page</a> | 
        <a href="http://twitter.com/#!/ComLabsITCourse"> Twitter Page</a> | 
        <a href="contact.html"> Contact</a> | 
        <a href="#">Partnership</a>
        </div>
    	<div id="footerbackR"></div> 
        <div class="clear"></div>   
	</div><!---end #footer--->
</body>
</html>
